<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<title>
			{$logo.title}
		</title>
		<meta name="keywords" content="{$logo.keyword}"/>
		<meta name="description" content="{$logo.miaoshi}"/>
		<style>
			.spinner-win{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center}.spinner{display:flex;flex-direction:row}.spinner
			div{background-color:#fff;height:100%;width:6px;height:50px;-webkit-animation:stretchdelay
			1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.spinner
			div+div{margin-left:10px}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner
			.rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner
			.rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes
			stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes
			stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
		</style>
		<link rel="shortcut icon" href="">
		<link href="__TEMPLATE__/webfile/index.css" rel="stylesheet">
		<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
		<script src="__TEMPLATE__/webfile/Jquery.idTabs.min.js" type="text/javascript" charset="utf-8">
		</script>
		<script src="__TEMPLATE__/webfile/jquery-ui.min.js" type="text/javascript" charset="utf-8">
		</script>
		<script type="text/javascript" charset="utf-8" async src="__TEMPLATE__/webfile/mubrandwm.js">
		</script>
		<script src="__SYSMET__/lib/layer/2.4/layer.js" type="text/javascript"></script>
		<script src="__TEMPLATE__/index/js/scroll.js" type="text/javascript"></script>
		
	<script type="text/javascript">
	$(function(){
		$('.win_list').myScroll({
			speed: 40, //数值越大，速度越慢
			rowHeight: 47 //li的高度
		});
	});
	</script>
	<script type="text/javascript">
	function refreshMT() {
		$("#refreshBalance").text('刷新中...');
		$.ajax({
			type: "post",
			url: "/index/Processing/RefreshMoney",
			success: function (data) {
				if (data != "out") {
					$('#balance').html(data);
					$("#refreshBalance").text('刷新');
				}
			}
		});
	}
		function CheckLogin() {
            var usernName = $("#username").val().replace(/\s/g, "");
            $("#username").val(usernName);//将去除空格的用户名，写入登录框中
            var password = $("#password").val().trim();
            var code = $("#login_code_input").val().trim();
            if (usernName == "") {
                $("#username").focus();
                layer.alert("用户名不能为空！", 2);
                return false;
            }
            else if (password == "") {
                $("#password").focus();
                layer.alert("密码不能为空！", 2);
                return false;
            }
            else if (code == "") {
                $("#login_code_input").focus();
                layer.alert("验证码不能为空！", 2);
                return false;
            }
            var loadingIndex = layer.load('登录中，请稍后....', 300);
            //开始登陆
            $.ajax({
                type : "post",
                url : "{:url('Processing/login')}",
                data : {"username":usernName,"password":password,"code":code},
                success: function (data) {
                  layer.close(layer.index);
              	  if (data == 1) {
   					  layer.load("登录成功！",500);
   					  window.location.href = "/index/index/home";
   				  }else{
   					if (data == 2) {
  					  layer.tips('请确认您输入的用户名或密码是否正确！', '#login_button');
	  				  }  
	  				  if (data == 3) {
	  					  layer.alert("您的账户当前处于锁定状态，请联系客服！", 500);
	  				  }
	  				  if (data == 4) {
	  					  layer.tips('请确认您输入的验证码是否正确', '#login_button');
	  				  }
	  				  $("#login_code_input").val('');
	  				  refreshVerify();
   				  }
				  
                }
            });
        }
		
		function xianshi_and_yincang(tids) {
			document.getElementById(tids).style.display="block";	
		}
		function xianshi_and_yincang_s(tids) {
			document.getElementById(tids).style.display="none";
		}
		
		function khhm_ys_and_yc(tids,tid){
			$('#khhm_1').hide();
			$('#khhm_2').hide();
			$('#khhm_3').hide();
			$('#khhm_4').hide();
			$('#xzhs_1').removeClass('current');
			$('#xzhs_2').removeClass('current');
			$('#xzhs_3').removeClass('current');
			$('#xzhs_4').removeClass('current');
			$('#'+tids).show();
			$('#'+tid.id).addClass('current');
		}

		function autoScroll(obj){
        	var n=$(obj).find("li").height();
        	$(obj).find("ul").animate({
               marginTop:-n
    		},500,function(){
         		$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
    	})
    		$(function(){
       			setInterval('autoScroll(".scrollBox")',3000)
    		})
		}

		//轮播切换
		var LunBoCount=0;
		
		function qiehuan_img(){			
			$('#img_qh_1').hide();
			$('#img_qh_2').hide();
			$('#img_qh_3').hide();
			$('#img_qh_4').hide();
			$('#title_qh_1').removeClass('cur');	
			$('#title_qh_2').removeClass('cur');
			$('#title_qh_3').removeClass('cur');
			$('#title_qh_4').removeClass('cur');
			if(LunBoCount>3){
				LunBoCount=0;
			}
			LunBoCount=LunBoCount+1;
			var anniu_id="img_qh_"+LunBoCount;
			var anniu_id_s="title_qh_"+LunBoCount;
			$('#'+anniu_id).show();
			$('#'+anniu_id_s).addClass('cur');
			setTimeout("qiehuan_img()",3000);
		}	
		setTimeout("qiehuan_img()",1000);
		
		//加入收藏夹，兼容多种浏览器
		function joinFavorite(sURL, sTitle) {
			try {
				window.external.addFavorite(sURL, sTitle);
			} catch (e) {
				try {
					window.sidebar.addPanel(sTitle, sURL, "");
				} catch (e) {
					alert("加入收藏失败，请使用Ctrl+D进行添加");
				}
			}
		}
		//刷新验证码
		function refreshVerify() {
	        var ts = Date.parse(new Date()) / 1000;
	        $('#verify_img').attr("src", "{:url('Index/verify')}?id="+ts);
	    }
		//打开购彩大厅
		function open_mall(czid,class_id) {
			var sw = window.screen.width * 0.99;
		    var sh = window.screen.height * 0.9;
		    if(czid) {
		    	window.open("{:url('Bet/index')}?game_id="+czid+"&class_id="+class_id,"","width="+sw+",height="+sh+",scrollbars=0").focus();
		    } else {
		    	window.open("{:url('Bet/index')}","","width="+sw+",height="+sh+",scrollbars=0").focus();
		    }
		}
	</script>
	</head>
	<body cz-shortcut-listen="true">
		<div class="tool_bar">
			<div class="main">
				<div class="left welcome">
				</div>
				<div class="right top_bar_nav">
					<ul>
						<li class="top_bar_nav color_switch" style="display:none">
							<a target="_blank" id="color_switch" class="color_switch" style="display:none">
								快速充值通道
							</a>
						</li>
						<li class="color_switch" style="display:none">
							|
						</li>
						<li class="top_bar_nav free_play">
							<a id="free_play" href="{:url('Index/tryPlay')}">
								免费试玩
							</a>
						</li>
						<li>
							|
						</li>
						<li class="top_bar_nav speciaLogin" style="display:none">
							<a class="speciaLogin" id="speciaLogin">
								特殊代理登录
							</a>
						</li>
						<li class="speciaLogin" style="display:none">
							|
						</li>
						<!-- <li class="top_bar_nav">
							<a href="#">
								加入代理
							</a>
						</li> 
						<li>
							|
						</li>-->
						<li class="top_bar_nav">
							<a href="{:url('Show/aboutList')}">
								系统公告
							</a>
						</li>
						<li>
							|
						</li>
						<li class="top_bar_nav">
							<a class="AddFavorite" onclick="joinFavorite(window.location,document.title)">
								加入收藏
							</a>
						</li>
						<li>
							|
						</li>
						<li class="top_bar_nav">
							<a href="{:url('Show/help')}">
								帮助中心
							</a>
						</li>
						<li>
							|
						</li>
						<li class="top_bar_nav">
							<a href="{:url('Show/playWay')}">
								玩法
							</a>
						</li>
						<li>
							|
						</li>
						<li class="top_bar_nav">
							<a href="{:url('Show/newsList')}">
								资讯
							</a>
						</li>
						<li>
							|
						</li>
						<li class="top_bar_nav">
							<a href="{:url('Show/activity')}">
								活动大厅
							</a>
						</li>
						
					</ul>
				</div>
			</div>
		</div>
		<div class="special_agent_login_win">
			<div class="login_area">
				<div class="title">
					<span>
						特殊代理登录
					</span>
					<i class="iconfont icon-guanbi" id="specialAgent">
					</i>
				</div>
				<div class="login_form">
					<div class="row">
						<div class="left">
							<span>
								用户名
							</span>
						</div>
						<div class="right">
							<input placeholder="请输入用户名" id="specialAgentName">
						</div>
					</div>
					<div class="row">
						<div class="left">
							<span>
								登录密码
							</span>
						</div>
						<div class="right">
							<input type="password" placeholder="请输入登录密码" id="specialAgentPwd">
						</div>
					</div>
					<div class="row">
						<div class="left">
							<span>
								验证码
							</span>
						</div>
						<div class="right">
							<input placeholder="请输入验证码" class="verify_code_input" id="specialAgentVerifyCode">
							<div class="verify_code" id="specialAgentVerifyCodeImg">
							</div>
						</div>
					</div>
					<div class="login_btn">
						<button id="specialAgentLoginBtn">
							立即登录
						</button>
					</div>
				</div>
			</div>
		</div>
		<div class="header">
			<div class="main">
				<div class="left logo">
					<a href="{:url('Index/home')}" class="logo-link">
						<img width="227px" height="68px" alt="" src="__ATTACHMENT__/{$logo.logoimg}">
					</a>
				</div>
				<div class="right login_and_userinfo">
					<div class="login" style="{if condition="$user_all.id > 0"}display: none;{else /}display: block;{/if}">
						<div id="login_form">
							<div class="username left">
								<i class="iconfont icon-mail">
								</i>
								<input type="text" placeholder="用户名" name="user_name" id="username">
							</div>
							<div class="password left">
								<i class="iconfont icon-mima">
								</i>
								<input type="password" placeholder="密码" name="password" id="password" autocomplete="new-password">
							</div>
							<div class="code left">
								<input type="text" maxlength="4"  id="login_code_input">
								<div class="login_code" id="login_code" style="display: block;">
									<img id="verify_img" src="{:url('Index/verify')}" onclick="refreshVerify()" />
								</div>
							</div>
							
							<button id="login_button" class="left btn-default login-btn btn" onClick="CheckLogin()">
								登录
							</button>
						</div>
						<a href="{:url('Index/register')}">
						<button class="left d-btn reg-btn btn" id="register">
							注册
						</button>
						</a>
					</div>
					<div class="logined" style="{if condition="$user_all.id > 0"}display: block;{else /}display: none;{/if}">
						<em>
							您好，{$user_all.username}
						</em>
						<span class="username" id="usernameShow">
						</span>
						<em>
							可用余额：{$user_all.je}
						</em>
						<span class="money" id="moneyShow">
						</span>
						<a onclick="refreshMT()" id="refreshBalance">
							刷新
						</a>
						<i>
						</i>
						<a href="{:url('User/index')}" target="_blank">
							会员中心
						</a>
						<i>
						</i>
						<a class="red user_goto_recharge isTry" href="{:url('User/recharge')}" target="_blank">
							充值
						</a>
						<i class="isTry">
						</i>
						<a class="user_goto_withdraw isTry" href="{:url('User/drawMoney')}" target="_blank">
							提现
						</a>
						<i class="isTry">
						</i>
						<a href="{:url('User/callRecord')}" target="_blank">
							投注记录
						</a>
						<i>
						</i>
						<a id="userLogout" href="{:url('Processing/loginOut')}">
							退出
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="nav">
			<div class="menu">
				<div class="all-sort">
					<h2>
						<a>
							选择彩种（{$czsl}种）
						</a>
						<i id="more-sort" class="iconfont icon-gengduo">
						</i>
					</h2>
				</div>
				<div class="sideNavB" id="wrap-sort-all" style="display:none;">
					<div class="hotMain">
					{foreach $remenpc as $tu}
						<div class="oneLi">
							<div class="imgL">
								<img src="__TEMPLATE__/sysme/images/{$tu.id}.png" alt="" width="32px" height="32px">
							</div>
							<div class="title">
								<a onclick="open_mall({$tu.id},{$tu.initial_class_id})" style="color:#333;">
									{if condition="$tu.cp_name_new eq ''"}
										{$tu.cp_name_old}
									{else /}
										{$tu.cp_name_new}
									{/if}
								</a>
							</div>
							<div class="desc">
							{if ($tu.remark)}
								<span>
								{$tu.remark}
								</span>
							{/if}
							</div>
						</div>
						{/foreach}
						
					</div>
					<div class="clear">
					</div>
					<div class="sortMain">
						<div class="sortDiv" id="sortDiv0">
							<div class="sLeft">
								<div class="sTitle red">
									高频彩
								</div>
							</div>
							<div class="sRight">
								<ul>
								{foreach $gaopincai as $ht}
									<li>
										<a onclick="open_mall({$ht.id},{$ht.initial_class_id})" style="color:#666">
											{if condition="$ht.cp_name_new eq ''"}
												{$ht.cp_name_old}
											{else /}
												{$ht.cp_name_new}
											{/if}
										</a>
									</li>
								{/foreach}	
								</ul>
							</div>
							<div class="clear">
							</div>
							<i class="iconfont sortArrow" style="display:block">
								
							</i>
						</div>
						<div class="secondNav" id="gpc" style="display:none;top:0">
							<div class="title">
								高频彩
							</div>
							<div class="ulDiv">
								<ul>
								{foreach $gaopincai_1 as $ht}
									<li>
										<a onclick="open_mall({$ht.id},{$ht.initial_class_id})" style="color:#666">
											{if condition="$ht.cp_name_new eq ''"}
												{$ht.cp_name_old}
											{else /}
												{$ht.cp_name_new}
											{/if}
										</a>
									</li>
								{/foreach}	
								</ul>
							</div>
						</div>
					</div>
					<div class="clear">
					</div>
					<div class="sortMain">
						<div class="sortDiv" id="sortDiv1">
							<div class="sLeft">
								<div class="sTitle blue">
									低频彩
								</div>
							</div>
							<div class="sRight">
								<ul>
								{foreach $dipincai as $ht}
									<li>
										<a onclick="open_mall({$ht.id},{$ht.initial_class_id})" style="color:#666">
											{if condition="$ht.cp_name_new eq ''"}
												{$ht.cp_name_old}
											{else /}
												{$ht.cp_name_new}
											{/if}
										</a>
									</li>
								{/foreach}	
								</ul>
							</div>
							<div class="clear">
							</div>
						</div>
						<div class="secondNav" id="low" style="display:none">
							<div class="title">
								低频彩
							</div>
							<div class="ulDiv">
								<ul>
								{foreach $dipincai_1 as $ht}
									<li>
										<a onclick="open_mall({$ht.id},{$ht.initial_class_id})" style="color:#666">
											{if condition="$ht.cp_name_new eq ''"}
												{$ht.cp_name_old}
											{else /}
												{$ht.cp_name_new}
											{/if}
										</a>
									</li>
								{/foreach}	
								</ul>
							</div>
						</div>
					</div>
					<div class="sortMain">
						<div class="sortDiv" id="sortDiv2">
							<div class="sLeft">
								<div class="sTitle green">
									全部
								</div>
							</div>
							<div class="sRight">
								<ul>
								{foreach $quanbuall as $ht}
									<li>
										<a onclick="open_mall({$ht.id},{$ht.initial_class_id})" style="color:#666">
											{if condition="$ht.cp_name_new eq ''"}
												{$ht.cp_name_old}
											{else /}
												{$ht.cp_name_new}
											{/if}
										</a>
									</li>
								{/foreach}	
								</ul>
							</div>
							<div class="clear">
							</div>
							<i class="iconfont sortArrow" style="display:block">
								
							</i>
						</div>
						<div class="secondNav" id="all_lottery" style="display:none;top:-140px">
							<div class="title">
								全部
							</div>
							<div class="ulDiv">
								<ul>
								{foreach $quanbuall_1 as $ht}
									<li>
										<a onclick="open_mall({$ht.id},{$ht.initial_class_id})" style="color:#666">
											{if condition="$ht.cp_name_new eq ''"}
												{$ht.cp_name_old}
											{else /}
												{$ht.cp_name_new}
											{/if}
										</a>
									</li>
								{/foreach}	
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="nav">
					<ul class="clearfix" id="headNav" style="">
						<li>
							<a href="{:url('Index/home')}">
								首页
							</a>
						</li>
						<li>
							<a onclick="open_mall()" id="lobby">
								购彩大厅
							</a>
						</li>
						<li class="tit">
							<i class="icon_nav_new">
							</i>
							<a href="{:url('Show/mobile')}">
								<i class="icon_nav_mobile">
								</i>
								手机购彩
							</a>
						</li>
						<li>
							<a href="{:url('Show/favourable')}">
								优惠活动
							</a>
						</li>
						<li>
							<a href="{:url('Lottery/runLottery')}">
								开奖公告
							</a>
						</li>
						<li>
							<a href="{:url('Lottery/trend')}">
								走势图表
							</a>
						</li>
					<!-- 	<li>
							<a href="#">
								加入代理
							</a>
						</li> -->
					</ul>
				</div>
			</div>
			<div class="header_error" style="display:none">
				<i class="iconfont">
					
				</i>
				<span id="header_error_msg">
				</span>
			</div>
		</div>